import React from 'react';

class Header extends React.Component {

    render() {
        return (<div className="view-topbar">
            <div className="topbar-console">
                <div className="tobar-head fl">
                    <a className="topbar-logo fl">
                        <span><img src="Images/logo.png" width="20" height="20"/></span>
                    </a>
                    <a href="#" className="topbar-home-link topbar-btn text-center fl"><span>管理控制台</span></a>
                </div>
            </div>
            <div className="topbar-info">
                <ul className="fr">
                    <li className="fl dropdown topbar-notice topbar-btn">
                        <a className="dropdown-toggle">
                            <span className="icon-notice"></span>
                            <span className="topbar-num have">0</span>
                        </a>
                    </li>
                    <li className="fl topbar-info-item strong">
                        <div className="dropdown">
                            <a className="dropdown-toggle topbar-btn">
                                <span className="fl">工单服务</span>
                                <span className="icon-arrow-down"></span>
                            </a>
                            <ul className="dropdown-menu">
                                <li><a >我的工单</a></li>
                                <li><a >提交工单</a></li>
                            </ul>
                        </div>
                    </li>

                    <li className="fl topbar-info-item">
                        <div className="dropdown">
                            <a className="topbar-btn">
                                <span className="fl text-normal">帮助与文档</span>
                                <span className="icon-arrow-down"></span>
                            </a>
                            <ul className="dropdown-menu">
                                <li><a >模板开发手册</a></li>
                                <li><a >某某数据字典</a></li>
                            </ul>
                        </div>
                    </li>
                    <li className="fl topbar-info-item">
                        <div className="dropdown">
                            <a className="topbar-btn">
                                <span className="fl text-normal">蔡大爷</span>
                                <span className="icon-arrow-down"></span>
                            </a>
                            <ul className="dropdown-menu">
                                <li><a>退出</a></li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
        </div>);
    }
}

export default Header;